window.onload = function () {
	var lstInput = document.getElementsByTagName('INPUT');
	var action = document.URL.substr(document.URL.lastIndexOf('/')+1, document.URL.length)
	if (action != 'CreerTeam') {
		document.getElementsByClassName('boutons')[0].style.display = 'none'
	}
	var fonction = function (event) {
		RechercherTeam(event);
	}
	for (i = 0 ; i < lstInput.length; i++) {
		if (lstInput[i].type == 'radio' && lstInput[i].className == 'radioteam') {
			lstInput[i].addEventListener('click', fonction, false)
		}
	}
	var deleteM = function(event) {
		deleteMembre(event);
	}
	if (document.documentURI.substr(document.documentURI.lastIndexOf('/')+1) != 'CreerTeam') {
		document.getElementById('teamDetail').style.display = 'none';
	}
	document.addEventListener('keyup', deleteM, false);
	document.getElementsByTagName('FORM')[0].addEventListener('submit', function() {
		var options = document.getElementById('frm_membres').options;
		for (i = 0; i < options.length; i++) {
			options[i].selected = true;
		}
	}, false);
	document.getElementById('frm_search').addEventListener('click', function() {searchMembre()}, false);
	var btnAction = document.getElementsByName('frm_action')
	for (btn = 0; btn < btnAction.length; btn++) {
		btnAction[btn].addEventListener('click', function(event) {
			document.getElementsByName('frm_action')[2].value = event.target.value;
			var options = document.getElementById('frm_membres').options;
			for (i = 0; i < options.length; i++) {
				options[i].selected = true;
			}
			document.getElementsByTagName('form')[0].submit();
		}, true)
	}
}

function RechercherTeam(event){
	tempo();
	var xhr=null;
	var wotHub = 'http://'+document.domain;

	if (document.domain == 'localhost') {
		wotHub = 'http://'+document.domain+'/wothub';
	}
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { afficherTeam(xhr); };
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", wotHub+"/Esl/RechercherTeam/"+event.target.value);
    //xhr.open("GET", "../test.php");
    xhr.send(null);
}

function afficherTeam(xhr)
{
	if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	//echo '<team><name>'.$team['esl_name'].'</name><type>'.$team['event_id'].'</type><typeName>'.$team['nom'].'</typeName></team>';
    	var membres = docXML.getElementsByTagName("membre") ;
    	//echo '<membre><account>'.$membre['account_id'].'</account><pseudo>'.$pseudos[$membre['account_id']]['nickname'].'</pseudo></membre>';
    	document.getElementsByTagName('legend')[1].innerHTML = docXML.getElementsByTagName("name")[0].textContent;
    	
    	addOption('frm_membres', membres);
    	document.getElementById('teamDetail').style.display = 'block';
    	document.getElementsByClassName('boutons')[0].style.display = 'block';
    	tempo();
    }
}

function addOption(parent, liste) {
	var selectMembre = document.getElementById(parent);
	cleanOption(parent);
	for (j = 0; j < liste.length; j++) {
		var membre = document.createElement('option');
		membre.value = liste[j].children[0].textContent;
		membre.textContent = liste[j].children[1].textContent;
		selectMembre.appendChild(membre);
	}
}

function cleanOption(parent) {
	var element = document.getElementById(parent) ;
	nbOccurence = element.children.length-1;
	for(e = nbOccurence; e>=0; e--) {
		element.removeChild(element.children[e]);
	}
}

function deleteMembre(event) {
	if (event.target.id == 'frm_membres') {
		if (event.keyCode == 46) {
			var nb = event.target.selectedOptions.length-1;
			for(s = nb; s >= 0; s--) {
				event.target.removeChild(event.target.selectedOptions[s])
			}
		}
	}
}

function searchMembre() {
	tempo();
	var xhr=null;
	var baseSearch = 'http://api.worldoftanks.eu/2.0/account/list/?application_id=d0a293dc77667c9328783d489c8cef73&search=';
	if (document.domain == 'localhost') {
		baseSearch = 'http://'+document.domain+'/wothub/json/search.json';
	}
	else {
		baseSearch+=document.getElementById('frm_new_membre').value;
	}
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { insererMembre(xhr); };
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", baseSearch);
    //xhr.open("GET", "../test.php");
    xhr.send(null);
}


function creerListeJoueurs(search) {
	var container = construireBoiteModale('Résultat de recherche');
	var liste = document.createElement('ul');
	for (i = 0; i < search.count; i++) {
		var membre = document.createElement('li');
		var link = document.createElement('a');
		link.id = search.data[i].account_id;
		link.href='#';
		link.textContent = search.data[i].nickname;
		link.addEventListener('click', function() {choisirMembre(event)}, false);
		membre.appendChild(link);
		liste.appendChild(membre);
	}
	container.childNodes[1].appendChild(liste);
	document.getElementsByTagName('BODY')[0].appendChild(container);
}

function choisirMembre(event) {
	var membres = document.getElementById('frm_membres');
	var membre = document.createElement('option');
	membre.value = event.target.id;
	membre.textContent = event.target.textContent;
	membres.appendChild(membre);
	document.getElementsByTagName('BODY')[0].removeChild(document.getElementById('tempDiv'));
}

function insererMembre(xhr) {
	if (xhr.readyState==4) {
    	var search = eval('('+xhr.responseText+')');
    	if (search.status == 'ok') {
    		switch(search.count) {
    		case 0:
    			alert('aucun joueur trouvé');
    			break;
    		case 1:
    			var membre = document.createElement('option');
    			document.getElementById('frm_membres').appendChild(membre);
    			document.getElementById('frm_new_membre').value = '';
    			break;
    		default:
    			creerListeJoueurs(search);
    			break;	
    		}
    	}
    	tempo();
    }	
}
